<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>抢红包</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
</head>
<body id="qhb">
    <div class="container" >
     <!--   <div class="swiper-container swiper-banner">
            <div class="swiper-wrapper">
                <a class="swiper-slide" >
                    <img src="tmp/1492136627084.jpg" />
                </a>
                <a class="swiper-slide" >
                    <img src="tmp/1493192339733.jpg" />
                </a>
                <a class="swiper-slide" >
                    <img src="tmp/1493977819740.jpg" />
                </a>
            </div>
            <div class="swiper-pagination swiper-pagination-white"></div>
        </div>-->
        <div class="swiper-container swiper-news">
            <div class="swiper-wrapper">
                <a class="swiper-slide" >
                    欢**兔 抢到TCL电视节一台抢到TCL电视节一台抢到TCL电视节一台抢到TCL电视节一台
                </a>
                <a class="swiper-slide" >
                    欢**兔 抢到TCL电视节一台
                </a>
                <a class="swiper-slide" >
                    欢**兔 抢到TCL电视节一台
                </a>
            </div>
        </div>
        <div class="bk-01">
            <div class="seal">

                <img class="klhb" src="images/redPacket/klhb.png" />
                <img class="bg" src="images/redPacket/gaizi01.png" />
            </div>
            <ul class="list">
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒牛同城购儒牛同城购儒牛同城购</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒牛同城购儒牛同城购儒牛同城购</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒牛同城购儒牛同城购儒牛同城购</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒牛同城购儒牛同城购儒牛同城购</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒牛同城购儒牛同城购儒牛同城购</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>
                <li>
                    <img src="images/loading.png">
                    <p>儒牛同城购儒</p>
                    <h5>6月10日24:00—6月11日16:50</h5>
                    <a>查看<br>详情</a>
                </li>

            </ul>
        </div>
        <!--<div class="btn-rp">
            我要抢红包
        </div>-->
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script>
       /* var swiperBanner = new Swiper('.swiper-banner', {
            pagination: '.swiper-pagination',
            effect: 'fade',
            autoplayDisableOnInteraction : false,
            autoplay : 5000
        });*/
        var swiperNews = new Swiper('.swiper-news', {
            loop:true,
            autoplay : 3000,
            autoplayDisableOnInteraction : false,
            paginationClickable: '.swiper-pagination'

        });
    </script>
</body>
</html>